<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file="/WEB-INF/view/common/common.jsp" %>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>注册界面</title>
		<link rel="stylesheet" href="${url}/css/common.css" />
		<link rel="stylesheet" href="${url}/css/register.css" />
		<link rel="Shortcut Icon" href="${url}/img/favicon.ico">
	</head>

	<body>
		<div class="login-top">
			<a href="${url}/pub/Pub/tologinUI.action"><div class="logo"></div></a>
		</div>

		<div class="register-bottom">
			<div class="login-bottom-text">
				-专注互联网职业机会-
			</div>
		</div>

		<div class="register-main">
			<div class="register-main-left">
				<div class="register-main-left-top">
					<div id="phone">
						<div id="phone-img"></div>
					</div>
					<div id="email">
						<div id="email-img"></div>
					</div>
					<div class="tab-active" style="left: 150px"></div>
				</div>
				<div class="register-main-left-bottom1" id="phone-register" style="display:none;">
					<form action="${url}/pub/Pub/registeredSuccessUI.action" method="get">
						<input type="text" id="Phone" style="width:290px;height:46px;outline-color: #00B38A; background: #F8F8F8;border-radius: 2%;font-size:14px;padding-left: 10px;border: none;" placeholder="请输入常用手机号码" autofocus="autofocus" />
						<span id="phoneTip"></span><br /><br />
						<input type="text" id="vetify" style="width:158px;height:46px; outline-color: #00B38A; background: #F8F8F8;border-radius: 2%;font-size:14px;padding-left: 10px;border: none;" placeholder="请证明你不是机器人" autofocus="autofocus" />
						<div class="verify">mypx</div>
						<div class="reload"><img src="${url }/img/register6.png" /></div><br />
						<span id="vetifyTip"></span><br />
						<input type="text" id="message" style="width:175px;height:46px; outline-color: #00B38A; background: #F8F8F8;border-radius: 2%;font-size:14px;padding-left: 10px;border: none;" placeholder="请输入短信验证码" autofocus="autofocus" />
						<div class="message-verify">获取验证码</div> <br />
						<span id="messageTip"></span><br />
						<input type="text" id="pw" style="width:290px;height:46px;outline-color: #00B38A; background: #F8F8F8;border-radius: 2%;font-size:14px;padding-left: 10px;border: none;" placeholder="请输入密码" autofocus="autofocus" /><br />
						<span id="passwordTip"></span><br />
						<div class="work select-border">求职者</div>
						<div class="job">公司</div>
						<div class="agree">
							<input type="checkbox" id="checkbox1" checked/>
							<label id="agree1" for="checkbox1">我已阅读并同意</label>
							<a href="${url}/" class="protocol">《拉勾用户协议》</a>
						</div><br /><br /><br /><br /><br />
						
						<a href="${url}/pub/Pub/registeredSuccessUI.action"><input type="submit" value="注册" style="width:300px;height:46px;cursor: pointer; line-height: 46px;text-align: center;  background: #00B38A;color: white; border-radius: 2%;font-size:18px;letter-spacing:6px; padding-left: 10px;border: none;" />
						</a>
					</form>
				</div>
				<div class="register-main-left-bottom2" id="email-register" style="display: block;">
					<form action="${url }/pub/Pub/registeredSuccess.action" method="POST">
<!-- 						<input type="text" name="user.email" value="123@qq.com" id="Email" style="width:290px;height:46px;outline-color: #00B38A; background: #F8F8F8;border-radius: 2%;font-size:14px;padding-left: 10px;border: none;" placeholder="请输入常用邮箱地址" autofocus="autofocus" /><br />
						<span id="emailTip"></span><br />
						<input type="password" name="user.password" value="123456" id="password1" style="width:290px;height:46px; outline-color: #00B38A; background: #F8F8F8;border-radius: 2%;font-size:14px;padding-left: 10px;border: none;" placeholder="请输入密码" autofocus="autofocus" /><br />
						<span id="password1Tip"></span><br /> -->
						
						<input type="text" name="user.email" value="123@qq.com"  id="Email" style="width:290px;height:46px;outline-color: #00B38A; background: #F8F8F8;border-radius: 2%;font-size:14px;padding-left: 10px;border: none;" placeholder="请输入常用邮箱地址" autofocus="autofocus" /><br />
						<span id="emailTip"></span><br />
						<input type="password" id="password1" name="user.password" value="123456" style="width:290px;height:46px; outline-color: #00B38A; background: #F8F8F8;border-radius: 2%;font-size:14px;padding-left: 10px;border: none; margin-top: 10px;margin-left: 8px" placeholder="请输入密码" autofocus="autofocus" /><br />
						<span id="password1Tip"></span><br />
						
						
						<label>
						<div class="work1 select-border">
						<input type="radio" name="user.roleType" value="1"/>求职者
						</div>
						</label>
						<label>
						<div class="job1">
						 <input type="radio" name="user.roleType" value="2"/>公司
						</div>
						</label>
						<div class="agree1">
							<input type="checkbox" id="checkbox" checked/>
							<label id="agree1" for="checkbox">我已阅读并同意</label>
							<a href="${url}/" class="protocol1">《拉勾用户协议》</a>
						</div><br /><br /><br /><br /><br />
						
						<a href="#"><input type="submit" value="注册" style="width:300px;height:46px;cursor: pointer; line-height: 46px;text-align: center;  background: #00B38A;color: white; border-radius: 2%;font-size:18px;letter-spacing:6px; padding-left: 10px;border: none;" />
						</a>
					</form>
				</div>
			</div>

			<div class="register-main-center">
				<img src="${url }/img/register5.jpg" />
			</div>

			<div class="register-main-right">
				<span class="hot">已有拉勾账号：</span>
				<p>
					<a href="${url}/pub/Pub/tologinUI.action">直接登录</a><span class="photo"><a href="${url}/login.html"><img src="${url }/img/login4.png" alt="" /></a></span></p><br /><br />
				<span class="p2">使用以下账号直接登录：</span>
				<div class="concern">
					<img src="${url }/img/login5.png" style="cursor: pointer;" />
					<img src="${url }/img/login6.png" style="cursor: pointer;" />
					<img src="${url }/img/login7.png" style="cursor: pointer;" />
				</div>

				<div class="two-dimensional-code">
					<img src="${url }/img/login2.jpg" style="width:124px;height:124px;cursor: pointer;" />
				</div>
				<p class="p1">[扫码下载拉钩APP]</p>
			</div>
		</div>
		<script src="${url }/vendor/jquery.min.js"></script>
		<script src="${url }/js/register.js"></script>
	</body>

</html>
